page {
  box-sizing: border-box;
}

.nav {
  position: relative;
}

// 胶囊栏
.capsule-box {
  position: absolute;
  display: flex;
  align-items: center;
}

// 标题文字
.nav-title {
  height: 100%;
  width: 50%;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-input {
  border: 1px solid #ccc;
  border-radius: 16px;
  padding: 0 15px;
  font-size: 16px;
}

page {
  padding-bottom: constant(safe-area-inset-bottom);
  /*兼容 IOS<11.2*/
  padding-bottom: env(safe-area-inset-bottom);
  /*兼容 IOS>11.2*/
}